<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATES_PATH;?>/css/jingBeanBalance.css">
<style>.select-ys{color: white !important;}</style>
<script type="text/javascript">
    $(function () {
        $('.container .line>ul>li').css({'color':'#eb6876','cursor':'pointer'}).bind('click', function () {
            $(this).addClass('select-ys').siblings('li').removeClass('select-ys');
            $('#main>div').hide().eq($(this).index()).show();
        })
    });
</script>
<header class="layout head padding-small">
    <a href="javascript:pageBack();" class="hBack float-left"></a>
    <h4 class="hTxt float-left text-center text-white">我的资产</h4>
    <a href="javascript:;" id="btnJdkey" class="hHlep float-right"></a>
</header>
<div class="layout"><!--类别导航S-->
    <div class="container">
        <div class="line margin-top">
            <ul class="x12 text-center list-unstyle custom-b">
                <li id="single" class="x4 left-yj padding-small select-ys">预存款</li><!--背景颜色是.select-ys，字体颜色是.select-zt-->
                <li id="twin" class="x4 zy-border padding-small">美财币</li>
                <li id="three" class="x4 right-yj padding-small">代金劵</li>
            </ul>
        </div>
    </div><!--类别导航E-->

</div>

<div id="main" class="container">

    <!--预存款S-->
    <div id="single_con" class="twin_con">

        <ul class="list-unstyle padding-big radius-big bg-white margin-top margin-bottom text-center text-gray">
            <li class="margin-bottom">
                <i class="icon-a"></i>
                <a class="text-gray" href="#">可用金额：<span class="text-red padding-little-right"><?php echo $output['member_info']['available_predeposit'];?></span> <small>元</small> </a>
            </li>

            <li>
                <i class="icon-b"></i>
                <a class="text-gray" href="#">冻结金额：<span class="text-red padding-little-right"><?php echo $output['member_info']['freeze_predeposit'];?></span></strong> <small>元</small> </a>
            </li>

        </ul >

        <p class="padding radius-big text-gray text-center bg-white margin-top"><i class="icon-c"></i><strong class="padding-small-left">什么是预存款?</strong></p>

    </div>
    <!--预存款E-->

    <!--美财币S-->
    <div id="twin_con" class="twin_con" style="display:none;">

        <p class="padding-large radius-big bg-white margin-top text-center text-gray"><i class="icon-b"></i><strong><span class="text-red margin-small-left text-large margin-small-right"><?php echo $output['member_info']['member_points'];?></span></strong>个</p>

        <p class="padding radius-big text-gray text-center bg-white margin-top"><i class="icon-c"></i><strong class="padding-small-left">什么是美财币?</strong></p>

    </div>
    <!--美财币E-->

    <!--代金劵S-->

    <div id="three_con" class="twin_con" style="display:none;">
    	  <form method="post" id="form_submit" action="index.php?act=member_index&op=del_voucher&sub=ok">
        <?php if($output['voucher_allow'] == true){?>

        <div class="line">
        	                	  
            <?php if(!empty($output['voucher_list']) && is_array($output['voucher_list'])){?>
            <div class="radius-big bg-white clearfix padding-top padding-bottom margin-small-top">
                <!--mrassets S-->
                <?php foreach($output['voucher_list'] as $item){?>

                <div class=" layout list-unstyle padding-small">
                    <div class="x1 padding-small"><input  name="del_id[]" class="xz margin-top" type="checkbox" value="<?php echo $item['voucher_id']?>"></div>
                    <div class="x11 myassets-con">
                        <div class="x9 myassets-con-left">

                            <div class="padding-small">
                                    <span class="lette-img"><img class="radius" src="<?php echo TEMPLATES_PATH;?>/images/znx.jpg" width="25" height="25">
                                    </span><span class="padding-left seller-name"><a href="index.php?act=show_store&id=<?php echo $item['store_id']?>" style="color:#00F;"><?php echo $item['store_name']?></a></span>
                            </div>
                            <div class="text-small">有效期限<?php echo date('Y-m-d',$item['voucher_start_date']).'~'.date('Y-m-d',$item['voucher_end_date'])?></div>
                        </div>
                        <div class="x3 myassets-con-right text-center text-large text-white ms-num">&yen;<?php echo $item['voucher_price']?></div>

                        <!--未使用，失效S-->
                        <?php if($item['voucher_state']==3){?>
                                                    <div class="no-use">
                                                         <img src="<?php echo TEMPLATES_PATH;?>/images/yishixiao.png" alt="">
                                                     </div>
                        <?php }?>
                                                 <!--未使用，失效E-->
                        <!--已使用，失效S-->
                        <?php if($item['voucher_state']==2){?>
                        <div class="useed">
                             <img src="<?php echo TEMPLATES_PATH;?>/images/ysx.png" alt="">
                         </div>
                        <?php }?>
                        <!--已使用，失效E-->
                    </div>

                </div>
                <?php }?>

            </div>

            <div>
            	
                <p class="list-unstyle radius-big bg-white margin-top padding clearfix">
                	<td><input type="checkbox" class="checkall" id="checkallBottom"></td>
					<td colspan="16"><label for="checkallBottom">全选</label>
              <!--      <span class="padding-small-top float-left"><input id="del_id[]" name="xz"  type="checkbox" value="<?php echo $item['voucher_id']?>"></span>-->
         <a href="JavaScript:void(0);" class="btn" onclick="if(confirm('确认删除选中项？')){$('#form_submit').submit();}"><span class="text-right float-right"><span  class="button bg-dot button-small">删除已选</span></span></a>
                </p>
            </div>
            <?php }else{?>
                <div style="text-align:center;margin:40px;font-size:13px;">抱歉暂时没有相关结果</div>
            <?php }?>
        </div>
        <?php }else{?>
            <div style="text-align:center;margin:40px;font-size:13px;">代金券功能暂未开启</div>
        <?php }?>
        	</form>
    </div>

    

</div><!--container-->